<div class="navBc">Home > Template > XML 기초</div>
<h1>XML 기초</h1>
<table id="list1"></table>
<div id="pager1"></div>

<script type="text/javascript"> 
$('#sub').load('navMain.new.html #nav1 > ul', function() {
	$('#sub a').click(function(e) {
		e.preventDefault();
		var url = $(this).attr('href');
		$("#contents").load(url);
	});
	$('#sub > ul').addClass('nav').treeview();
});

jQuery().ready(function (){
jQuery("#list1").jqGrid({
   	url:'xmlex.xml',
	datatype: "xml",
   	colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
   	colModel:[
   		{name:'id',index:'id', width:75},
   		{name:'invdate',index:'invdate', width:90},
   		{name:'name',index:'name', width:100},
   		{name:'amount',index:'amount', width:80, align:"right"},
   		{name:'tax',index:'tax', width:80, align:"right"},		
   		{name:'total',index:'total', width:80,align:"right"},		
   		{name:'note',index:'note', width:150, sortable:false}		
   	],
   	rowNum:10,
   	autowidth: true,
   	rowList:[10,20,30],
   	pager: jQuery('#pager1'),
   	sortname: 'id',
    viewrecords: true,
    sortorder: "desc",
    caption:"XML Example"
});
jQuery("#list1").jqGrid('navGrid','#pager1',{edit:false,add:false,del:false});
});

</script>